<!--
/*
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The ASF licenses this file
 * to you under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance
 * with the License.  You may obtain a copy of the License at
 *
 *   http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */
-->
<script type="text/javascript" src="servicegraph/html/js/raphael-1.3.1.min.js"></script>
<script type="text/javascript" src="servicegraph/html/js/graffle-1.3.1.js"></script>
<script type="text/javascript" src="servicegraph/html/js/graph.js"></script>
<script type="text/javascript" src="servicegraph/html/js/diagnostics.js"></script>
<script type="text/javascript">
<!--

/* only do all this when document has finished loading (needed for RaphaelJS) */
$(document).ready(function(){
    $("#actions")
      .append($("<a>").attr("href", "javascript:Providers.load()").html("Show Service Providers"))
      .append($("<span>").html("&nbsp;|&nbsp;"))
      .append($("<a>").attr("href", "javascript:Users.load()").html("Show Service Users"))
      .append($("<span>").html("&nbsp;|&nbsp;"))
      .append($("<a>").attr("href", "javascript:B2B.load()").html("Show Bundles Dependencies"))
      .append($("<span>").html("&nbsp;|&nbsp;"))
      .append($("<a>").attr("href", "javascript:Unavail.load()").html("Show Not Avail"))
      .append($("<span>").html("&nbsp;("))
      .append($("<input>").attr("id", "optionals").attr("type", "checkbox"))
      .append($("<span>").html("Include optionals in loop detection)"))
    width = document.width
    height = document.height
    
})

-->
</script>
    <style>
      #actions a { color:black; font-weight:bold; text-decoration:none; }
      #warning { color:red; font-weight:bold; }
      #filterdiv { visibility:none; display:none; }
    </style>
<div id="servicegraph">
<span id="actions"></span>&nbsp;&nbsp;<span id="warning"></span>
<div id="filterdiv">
  Filter:&nbsp;<input type="text" id="filter"/><button id="redraw" onclick="SD.doFilter();">redraw</button>
  &nbsp;(Supports basic logical expressions with !,&amp;,|, like "felix &amp; !http")
</div>
<div><span id="legend"></span>&nbsp;<span>(All nodes can be dragged around)</span></div>
<div id="canvas"></div>
</div>
